import React, { Component } from "react";
import { HashRouter as Router, Route, Switch, Redirect } from "react-router-dom";
import Index from "./components/index/Index";
import Cart from "./components/cart/Cart";
import My from "./components/my/My";
import Category from "./components/category/Category";
import Tabbar from "./components/tabbar/Tabbar";
import SearchCenter from "./components/searchCenter/SearchCenter.js";
import GoodDetail from "./components/goodDetail/GoodDetail"
import GoodList from "./components/goodList/GoodList"
import Pay from "./components/pay/Pay"
export default class RouterConfig extends Component {
	render() {
		return (
			<Router>
				<Route path="/" exact render={() => (<Tabbar> <Index></Index> </Tabbar>)}></Route>
				<Route path="/cart" exact render={() => (<Tabbar> <Cart></Cart> </Tabbar>)}></Route>
				<Route path="/my" exact render={() => (<Tabbar> <My></My> </Tabbar>)}></Route>
				<Route path="/category" exact render={(props) => (<Tabbar> <Category {...props}></Category> </Tabbar>)}></Route>
				<Route path="/searchCenter" exact render={() => <SearchCenter></SearchCenter>}></Route>
				<Route path="/goodDetail/:goods_id" exact render={(props) => <GoodDetail {...props}></GoodDetail>}></Route>
				<Route path="/goodList" exact render={(props) => <GoodList {...props}></GoodList>}></Route>
				<Route path="/pay" exact render={(props) => <Pay {...props}></Pay>}></Route>

			</Router>
		);
	}
}
